@charset "utf-8"; /* A réupload */
/* CSS Document */

@font-face {
	font-family: 'AcidLabel';
	src: url('../AcidLabel.otf');
	src: local('☺'), url('../AcidLabel.otf') format('truetype');
}

body{
	background: url("imgstyle/background.jpg") no-repeat scroll 0 0 transparent;
	background-position:center;
	width:65%;
	height:100%;
	margin:auto;
	background-color:#ECECEC;
	background-attachment:fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.imgTexte{
	margin:auto;
	display:block;	
}

a{
	text-decoration:none;
	color:#000;
}

h1{
	font-family:AcidLabel;
	font-size:20px;
	padding-top:150px;
	color:rgba(255,0,0,0.5);
}

h2{
	font-family:AcidLabel;
	font-size:24px;
	color:#F00;
	text-indent:20px;
}

p{
	text-indent:50px;
}

p a{
	color:#006;
	text-decoration:underline;
}

a :hover{
	cursor:pointer; /*Pour les AJS*/	
}

input[type=email],input[type=text],input[type=password]{
	border-radius:5px;
	border:1px solid #666;
	background-color:#DDD;
	box-shadow: inset 0px 0px 4px 0 #000;
	padding:3px;
}

input:focus{
	box-shadow: inset 0px 0px 2px 0 #000;
}

select{
	border-radius:5px;
	border:1px solid #666;
	background-color:#DDD;
	box-shadow: inset 0px 0px 4px 0 #000;
	padding:1px;
}

input[type=submit],input[type=button]{
	border:1px solid #333;
	border-radius:10px;
	padding:10px;
	color:#000;
	font-size:16px;
	font-family:AcidLabel;
	margin:10px 20px;
	display:inline-block;
	width:100px;
	text-align:center;
	background-image:url(imgstyle/lienBouton.png);
	box-shadow: inset 0px 0px 20px 5px #000000;
}

input[type=submit]:hover,input[type=button]:hover{
	box-shadow: inset 0px 0px 20px 10px #000000;
}


/* HEADER */

#header {
	background: url("imgstyle/logo.png") no-repeat scroll 0 0 transparent;
	background-position:center;
	width:100%;
    height: 170px;
	text-align:center;
	text-height:170px;
}

#logo {
	width:100%;
	height:100%;
}

#logo a{
	display:block;
	width:100%;
	height:100%;
}

/* Menu */

#menu {
    width: 25%;
}

#listeMenu{
	margin:40px 0;
	float:left;
	list-style:none;
	border-radius:10px;
	padding:20px;
	background-image:url(imgstyle/menubackground.png);
	box-shadow: inset 0px 0px 20px 15px #000000;
}

#listeMenu li{
	padding-left:30px;
}

#listeMenu .titreMenu{
	font-size:20px;
	font-family:AcidLabel;
	color:#000;
	width:100%;
	padding:0;
	margin:0;
}

#listeMenu .lienMenu{
	font-size:12px;
	padding:3px 0;
	margin-left:12px;
	color:#000;
}

#listeMenu .lienMenu:before{
	content:"\21E2\ ";	
	font-size:16px;
	color:#999;
}

/* Page */

#content{
	width:72%;	
	float:left;
	margin-left:15px;
}

#page{
	padding:10px 20px;
	margin-top:10px;
	background-image:url(imgstyle/menubackground.png);
	box-shadow: inset 0px 0px 20px 15px #000000;
	border-radius:10px;
}

#fenetre{
	width:72%;
	padding:10px 0;
}

/* Accueil */

.boutonsAccueil{
	width:100%;
	text-align:center;
}

.lienBouton{
	border:1px solid #333;
	border-radius:10px;
	padding:20px;
	color:#000;
	font-size:20px;
	font-family:AcidLabel;
	margin:20px 40px;
	display:inline-block;
	width:150px;
	text-align:center;
	background-image:url(imgstyle/lienBouton.png);
	box-shadow: inset 0px 0px 20px 5px #000000;
}

.lienBouton:hover{
	box-shadow: inset 0px 0px 20px 10px #000000;
	color:#F00;
}

/*
#inscription{
	float:left;
	width:40%;
	border-right:1px #C60 solid;
	padding-left:10px;
}

#connexion{
	float:left;
	padding-left:10px;
	width:40%;
}*/

/* Compte */

#ongletsMenu{
	margin:0;
}

.titreOnglet{
	display:inline-block;
	border-radius:10px 10px 0 0;
	list-style:none;
	padding:10px;
	background-image:url(imgstyle/menubackground.png);
	box-shadow: inset 0px 0px 20px 5px #000000;
	margin-right:2px;
	cursor:pointer;
}

.selected{
	border-bottom:0px #C60 solid;
	padding-bottom:11px;
	box-shadow: none;
	box-shadow: inset 0px 0px 10px 2px #000000;
}

#panel{
	margin-top:-1px;
	min-height:300px;
	border-radius:5px;
	background-color:#FFF;
	width:100%;
	padding:10px 20px;
	background-image:url(imgstyle/menubackground.png);
	box-shadow: inset 0px -5px 20px 15px #000000;
}

#teamfinderList {
	padding:0;
	text-align:center;
	width:90%;
	margin:auto;
}

#teamfinderList li{
	clear:both;
	list-style:none;
	border:1px solid #000;
	border-radius: 5px;
	height:60px;
	margin:10px;
	background-color:rgba(255, 255, 255, 0.6);
	box-shadow: 0 0 15px 3px #000000 inset;
	padding:5px;
	line-height:60px;
}

#teamfinderList .listPlayer{
	float:left;
	line-height:60px;
}


#teamfinderList li span{
	float:right;
}

#charTable{
	width:50%;
	text-align:center;	
	display:inline-block;
}

.searchOptions{
	width:40%;
	display:inline-block;	
}

/* Footer */

#footer{
	clear:both;
	border:1px #000 solid;
	background-image:url(imgstyle/menubackground.png);
	text-align:center;
	border-radius:5px;
	font-size:9px;
	margin-top:5px;
	padding:5px;
	box-shadow: 0 0 10px 3px #000000 inset;
	display:inline-block;
	width:100%;
}

/* Généraux */

.imgList{
	vertical-align:middle;
	margin-right:4px;
}

.error{
	color:#F00;
	font-weight:bold;
}

.success{
	color:#0C0;
	font-weight:bold;
}

.TFCheckbox{
	margin-right:10px;
}

/* Admin */

#admin_ajoutCategorie{
	float:left;
	padding-left:20px;
	width:45%;
}

#admin_arbreCategorie{
	float:right;
	padding:0 20px;
	border-left:1px #09F solid;
	width:45%;
}

.inputPrix{
	width:30px;
}

/* PHPFoxEngine Style */

#PHPFoxEnginePanel {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:0;
}

.PHPFoxEngineButton{ 
	width:200px;
	height:100px;
	line-height:100px;
	color:#666;
	font-size:16px;
	font:Arial, Helvetica, sans-serif;
	background:#EEE;
	padding:10px;
	margin:40px;
	border-radius:30px;
	box-shadow:4px 4px 2px #666;
	display:inline-block;
	text-align:right;
	list-style-image:none;
}

.PHPFoxEngineButton a{
	width:100%;
	height:100%;
	line-height:1.2;
	display:inline-block;
}

.PHPFoxEngine_input{
	width:20%;
	float:left;
}